<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@page import ="com.dish.utils.PhoneCallCheck" %>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<!--<![endif]-->
<head>
<meta charset="utf-8">
<title>肯德鸭-语音验证</title>
<script language="javascript">
	function checkUserInfo() {
		if (document.loginForm.checkNum.value == "") {
			alert("验证码不能为空");
			return false;
		}
	}
</script>
<!--js-->
<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/common.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/ddsmoothmenu.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/jquery.elastislide.js"></script>
<script src="js/jquery.jcarousel.min.js"></script>
<script src="js/jquery.accordion.js"></script>
<script src="js/light_box.js"></script>
<script type="text/javascript">$(document).ready(function(){$(".inline").colorbox({inline:true, width:"50%"});});</script>
<!--end js-->

<!-- Mobile Specific Metas ================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<!-- CSS ================================================== -->

<link rel="stylesheet" href="newcss/style.css">
<link rel="stylesheet" href="newcss/orange.css">
<link rel="stylesheet" href="newcss/skeleton.css">
<link rel="stylesheet" href="newcss/layout.css">
<link rel="stylesheet" href="newcss/ddsmoothmenu.css"/>
<link rel="stylesheet" href="newcss/elastislide.css"/>
<link rel="stylesheet" href="newcss/home_flexslider.css"/>

<link rel="stylesheet" href="newcss/light_box.css"/>
<script src="newjs/html5.js"></script>

<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!--[if lt IE 9]>
			<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->

</head>
<body>
	<div class="mainContainer sixteen container">
            <!--Header Block-->
            <div class="header-wrapper">
              <header class="container">
                <div class="head-right">
                  <section class="header-bottom">
                  </section>
                </div>
                <h1 class="logo"><a href="#" title="Logo">
                  <img title="Logo" alt="Logo" src="images/kendeya.jpg" />
                  </a></h1>
                <nav id="smoothmenu1" class="ddsmoothmenu mainMenu">
                  <ul id="nav">
                  	<li class=""><a href="index.jsp" title="Home">登录</a></li>
                  	<li class=""><a href="registUser.jsp" title="Home">注册</a></li>
                    <li class="active"><a href="#" title="Home">语音验证</a></li>
                  </ul>
                </nav>
              </header>
            </div>
<section class="content-wrapper">
	<div class="content-container container">
		<div class="main">
			<h1 class="page-title">为了保证您账号的安全，请进行语音验证</h1>
			<div class="account-login">
				<form method="POST" name="loginForm" onSubmit="return checkUserInfo()" action="loginControl">
				<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1528802956184&di=060f59c56525c35cc40e1edc239e6e27&imgtype=jpg&src=http%3A%2F%2Fimg3.imgtn.bdimg.com%2Fit%2Fu%3D2730914453%2C2245060114%26fm%3D214%26gp%3D0.jpg" height="40%">
				<%
					String rnd = String.valueOf((int)((Math.random()*9+1)*100000));
					//String rnd = "11111";
					PhoneCallCheck pcc = new PhoneCallCheck();
					pcc.getCall(rnd, request.getParameter("phoneNum"));
				%>
				<div class="col-2 registered-users">
					<div class="content">
						<h2>语音验证</h2>
						<p>请输入您在手机中听到的验证码</p>
						<ul class="form-list">
							<li>
								<label class="required" for="pass">验证码<em>*</em></label>
								<div class="input-box">
									<input type="text" name="currCheck" class="input-text required-entry validate-email" value=""/>
								</div>
								<div class="clear"></div>
								<p>&nbsp;</p>
							</li>
						</ul>
					</div>
					<div class="buttons-set">
						<!-- <a class="orange-btn" title="Login"><span><span>Login</span></span></a> -->
						<input type="hidden" name="actiontype" value="login">
						<input type="hidden" name="loginName" value="<%=request.getParameter("loginName") %>">
						<input type="hidden" name="loginPass" value="<%=request.getParameter("loginPass") %>">
						<input type="hidden" name="phoneNum" value="<%=request.getParameter("phoneNum") %>">
						<input type="hidden" name="trueCheck" value="<%=rnd %>">
						<input class="orange-btn" type="submit" name="Submit" value="登录">
						<div class="clear"></div>
					</div>
            	</div>
            	</form>
				<div class="clear"></div>
			</div>
		</div>
		<div class="clearfix"></div>
		<div class="news-letter-container">
			<div class="free-shipping-block">
				<h1>免费送餐</h1>
				<p>肯德鸭宅急送</p>
			</div>
		</div>	
	</div>
</section>
</div>
<!--Footer Block-->
<section class="footer-wrapper">
              <footer class="container">
                <div class="footer-bottom-block">
                  <p class="copyright-block">Copyright &copy; 2018.CUGB all rights reserved.</p>
                </div>
              </footer>
            </section>
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>